<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>基础知识</title>
	<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"" rel="stylesheet">
	<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.2.3/animate.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../../static/css/public.css" />
</head>
<body>
	<!--右边内容-->
	<div id="app" class="main animated fadeInRight">
		<div class="shadow">
			<div>
				<h4>BOM对象模型</h4>
				<p>
					浏览器有许多内置对象，例如：document、loaction、history、navigator等，前面三个是常用的
				</p>
				<img src="./img/window01.jpg" >
			</div>
			<div>
				<h4>loaction</h4>
				<pre>
	跳转到新的URL
	
	loncation.assign("http://www.baidu.com")	
	window.location="http://www.baidu.com"
	location.href="http://www.baidu.com"
				
	设置或改变URL的部分值
	url="http://es6.ruanyifeng.com/"	
	
	location.hash()
	location.hash="#section1";  
	=>	"http://es6.ruanyifeng.com/#section1"	
	
	location.search 	查询字符串
	location.search="?setion1"; 
	=>	"http://es6.ruanyifeng.com/?setion1"
	
	location.hostname	服务器名称
	location.hostname="www.yahoo.com";   
	服务器名称就变成	"http:www.yahoo.com"
	
	location.pathname	文件路径
	location.pathname="mydir";
	=>"http://es6.ruanyifeng.com/mydir"
	
	location.port 		端口号
	location.port=8080 //无需双引号；
	=>"http://es6.ruanyifeng.com:8080/mydir"
	
	location.replace()
	location.replace("http://www.baidu.com");
	=>"http://www.baidu.com"   跳到新页面，用户无法后退，不能回到前一个页面
	
	
	location.reload()；//重新加载（有可能从缓存中加载）
	location.reload(true)；//重新加载（页面所有内容重新从服务器获取）；
				</pre>
			</div>
			<div>
				<h4>History对象</h4>
				<div class="Table">
					<div class="TableRow">
						<a class="RowLeft">back()</a>
						<span class="RowRight">加载 history 列表中的前一个 URL</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft">forward()</a>
						<span class="RowRight">加载 history 列表中的下一个 URL</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft">go()</a>
						<span class="RowRight">加载 history 列表中的某个具体页面(正数前进，负数后退)</span>
					</div>
				</div>
			</div>
			<div>
				<h4>navigator对象</h4>
				<div class="Table">
					<div class="TableRow">
						<a class="RowLeft">appCodeName</a>
						<span class="RowRight">返回浏览器的代码名</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft" >appName</a>
						<span class="RowRight">返回浏览器的名称</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft">appVersion</a>
						<span class="RowRight">返回浏览器的平台和版本信息</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft">cookieEnabled</a>
						<span class="RowRight">返回指明浏览器中是否启用 cookie 的布尔值</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft" >platform</a>
						<span class="RowRight">返回运行浏览器的操作系统平台</span>
					</div>
					<div class="TableRow">
						<a class="RowLeft">userAgent</a>
						<span class="RowRight">返回由客户机发送服务器的user-agent 头部的值</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--页面加载进度条-->
	<script src="https://cdn.bootcdn.net/ajax/libs/pace/0.5.0/pace.min.js"></script>
</body>

</html>